import { h } from 'vue'

const left
  = ''

const right
  = ''

const doubleLeft
  = ''

const doubleRight
  = ''

const Icon = (url: string) => {
  const style = {
    background: `url('${url}') no-repeat center`,
    backgroundSize: '100% 100%',
    width: '18px',
    height: '18px',
    display: 'block'
  }
  return h('view', {
    style
  })
}

export const Left = () => {
  return Icon(left)
}

export const Right = () => {
  return Icon(right)
}

export const DoubleLeft = () => {
  return Icon(doubleLeft)
}

export const DoubleRight = () => {
  return Icon(doubleRight)
}
